<script setup lang="ts">
import localeStore from '@/store/locale'
import { storeToRefs } from 'pinia'
const { localeInfo} = storeToRefs(localeStore())
</script>

<template>
  <div class="about">
     <img class="maxwidth_img" src="@/assets/img/animal/53.jpg" alt="">
     <div>
      <div class="title">About us</div>
      <p>{{localeInfo.aboutDesc.txt}}</p>
      <p>{{localeInfo.aboutDesc.txt1}}</p>
     </div>
  </div>
</template>

<style lang="scss" scoped>
.about{
   padding-top: 1PX;
   padding-bottom: 10px;
   img{
      width: 90%;
      display: block;
      margin-left: 5%;
      // max-width: 300PX;
      // height: 300px;
    }
    .title{
      padding: 10px 0 0 10px;
      font-size: 25px;
      font-weight: bold;
      color: rgb(197,69,69);
      line-height: 30px;
    }
    p{
      padding: 10px 0 0 10px;
      font-size: 14PX;
      &:nth-child(2){
        padding-top: 0;
      }
    }
}
</style>
